@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.signup__step.is-difm-page-picker {
	.step-wrapper.is-horizontal-layout {
		justify-content: space-around;
		margin-top: 25px;

		@include break-small {
			margin-top: 64px;
			max-width: 1227px;
		}

		.step-wrapper__header {
			min-width: auto;
			margin-bottom: 65px;

			@include break-small {
				min-width: 410px;
				width: 410px;
			}

			.formatted-header__subtitle {
				font-size: 0.875rem;
			}

			.step-wrapper__header-button {
				margin-top: 10px;

				@media (max-width: $break-small) {
					margin-top: 34px;
				}

				.refund-text {
					@media (max-width: $break-small) {
						display: none;
					}
				}
			}

			.step-wrapper__header-content {
				.refund-text {
					margin: 5px 0;

					@media (min-width: $break-small) {
						display: none;
					}
				}
			}
		}
	}
}
